@for $i from 1 through 100 {
	.ml#{$i} {
		margin-left: $i * 1px;
	}
}
@for $i from 1 through 100 {
	.mar-right-#{$i} {
		margin-right: $i * 1px;
	}
}
@for $i from -200 through 200 {
	.mar-top-#{$i} {
		margin-top: $i * 1px;
	}
}
@for $i from 1 through 100 {
	.fontsize-#{$i} {
		font-size: $i * 1px;
	}
}
@for $i from 1 through 100 {
	.width-#{$i} {
		width: $i * 1%;
	}
}
.fontBold{
	font-weight: bold;
}
.display{
	display: flex;
}
.flex-wrap{
	flex-wrap:wrap;
}
.flex-1 {
	flex: 1;
}
.align-items{
	align-items:center
}
.align-items-start{
	align-items: flex-start;
}
.align-items-end{
	align-items: flex-end;
}
.flex-direction-column{
	flex-direction: column;
}
.block{
	display: block;
}
.poRe{
	position: relative;
}
.poAb{
	position: absolute;
}
.poFi{
	position: fixed;
}
